.f-metergroup {
  display: flex;
}

.f-metergroup-meters {
  display: flex;
}

.f-metergroup-vertical .f-metergroup-meters {
  flex-direction: column;
}

.f-metergroup-labels {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.f-metergroup-vertical .f-metergroup-labels {
  align-items: start;
}

.f-metergroup-labels-vertical {
  flex-direction: column;
}

.f-metergroup-label {
  display: inline-flex;
  align-items: center;
}

.f-metergroup-label-marker {
  display: inline-flex;
}

.f-metergroup {
  gap: 1rem;
}

.f-metergroup .f-metergroup-meters {
  background: #E2E8F0;
  border-radius: 6px;
}

.f-metergroup .f-metergroup-meter {
  border: 0 none;
  background: #5EA4FF;
}

.f-metergroup .f-metergroup-labels .f-metergroup-label {
  gap: 0.5rem;
}

.f-metergroup .f-metergroup-labels .f-metergroup-label-marker {
  background: #5EA4FF;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
}

.f-metergroup .f-metergroup-labels .f-metergroup-label-icon {
  width: 1rem;
  height: 1rem;
}

.f-metergroup .f-metergroup-labels.f-metergroup-labels-vertical {
  gap: 0.5rem;
}

.f-metergroup .f-metergroup-labels.f-metergroup-labels-horizontal {
  gap: 1rem;
}

.f-metergroup.f-metergroup-horizontal {
  flex-direction: column;
}

.f-metergroup.f-metergroup-horizontal .f-metergroup-meters {
  height: 0.5rem;
}

.f-metergroup.f-metergroup-horizontal .f-metergroup-meter:first-of-type {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.f-metergroup.f-metergroup-horizontal .f-metergroup-meter:last-of-type {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.f-metergroup.f-metergroup-vertical {
  flex-direction: row;
  height: 200px;
}

.f-metergroup.f-metergroup-vertical .f-metergroup-meters {
  width: 0.5rem;
  height: 100%;
}

.f-metergroup.f-metergroup-vertical .f-metergroup-meter:first-of-type {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.f-metergroup.f-metergroup-vertical .f-metergroup-meter:last-of-type {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}